<template>
	<view class="success-container">
		<view class="button-group">
			<button @click="toBack">返回</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {}
};
</script>

<style lang="scss">
.success-container {
	width: 100vw;
	min-height: 100vh;
	background: url('/static/images/success.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	overflow: hidden;
	background-color: #016ddd;
	position: relative;
	.button-group {
		position: fixed;
		bottom: 150rpx;
		padding: 30rpx;
		width: 100%;
		button {
			width: 100%;
			height: 88rpx;
			color: #333;
			border: none;
			border-radius: 12rpx;
			font-size: 32rpx;
			font-weight: bold;
			display: flex;
			align-items: center;
			justify-content: center;
			box-shadow: 0 4rpx 12rpx rgba(25, 118, 210, 0.3);
			transition: all 0.3s ease;
			&:active {
				opacity: 0.8;
				transform: translateY(2rpx);
				box-shadow: 0 2rpx 8rpx rgba(25, 118, 210, 0.3);
			}
		}
	}
}
</style>
